<template>
  <div class="flex-common tableComonTop">
    <div class="option mr-16" v-if="falcutyOptions.length > 0">
      <selectName
        :selectArr="falcutyOptions"
        keys="facultyNo"
        label="facultyName"
        valueKey="facultyNo"
        :title="true"
        :value="facultyNo"
        @dropDown="(val) => (facultyNo = val)"
      >
        <div class="fs-16 cr-hui3">学院名称：</div>
      </selectName>
    </div>
    <div class="time">
      <Time :type="'datetimerange'" :title="true"></Time>
    </div>
    <div class="submit" @click="submit">确定</div>
  </div>
</template>

<script>
export default {
  name: "statisticsTableHeader",
  data() {
    return {
      falcutyNo: "",
      falcutyOptions: [],
      laboratoryOptions: [],
    };
  },
  mounted() {
    this.falcutyOptions = JSON.parse(localStorage.getItem("departmentData"));
    this.laboratoryOptions = JSON.parse(localStorage.getItem("laboratoryData"));
  },
  methods: {
    submit() {},
  },
};
</script>

<style lang="scss" scoped>
.tableComonTop {
  height: 64px;
  .submit {
    cursor: pointer;
    margin-left: 24px;
    width: 90px;
    height: 28px;
    border: 1px solid #00bfb1;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #00bfb1;
    line-height: 28px;
  }
  .input {
    height: 24px;
    line-height: 24px;
    margin-right: 20px;
    /deep/.el-input__inner {
      height: inherit !important;
      line-height: inherit !important;
    }
  }
}
</style>